<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>订单详情页面</title>
	<style>
		body{
			background: rgb(229,229,229);
		}
		.container{
			margin-top: 5px;
			padding: 5px;
		}
	</style>
	<script>
		window.PointerEvent = void 0;
	</script>
</head>
<body>
	<header>
		<a href="javascript:void(0)" onclick="javascript:history.go(-1)" class="myleft"><i class=" glyphicon glyphicon-menu-left"></i>返回</a>
		<h3>订单支付</h3>
		<span class="myicon glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
	</header>
	<div class="container">
		<div class="payinfobox">
			<div class="payinfo-header">
				<div class="headerimg">
					<img src="images/head.jpg" alt="">
				</div>
				
				<div class="payheader-words">
					<p class="info-ke">高中数学课程服务</p>
					<p class="info-teacher">李老师李老师李老师李老师李老师李老师 <span>￥300/小时</span></p>
				</div>
			</div>
			<div class="payinfo-list">
				<ul>
					<li>
						<div class="listinfo-left">
							<p>购买课次</p>
						</div>
						<div class="listinfo-right">
							<p class="mylistinfo">10次</p>
						</div>
					</li>
					<li>
						<div class="listinfo-left">
							<p>每次时长</p>
						</div>
						<div class="listinfo-right">
							<p class="mylistinfo">10小时</p>
						</div>
					</li>
					<li>
						<div class="listinfo-left">
							<p>联系人姓名</p>
						</div>
						<div class="listinfo-right">
							<p class="mylistinfo">张小宝</p>
						</div>
					</li>
					<li>
						<div class="listinfo-left">
							<p>联系电话</p>
						</div>
						<div class="listinfo-right">
							<p class="mylistinfo">18888888888</p>
						</div>
					</li>
					<li>
						<div class="listinfo-left">
							<p>上课地址</p>
						</div>
						<div class="listinfo-right">
							<p class="mylistinfo">北京老巷子</p>
						</div>
					</li>
					<li>
						<div class="listinfo-left">
							<p>首次期望上课时间</p>
						</div>
						<div class="listinfo-right">
							<div class="first-time">
								<p class="mylistinfo">2018-01-05 15:50</p>
								<p class="mylistinfo smfont">具体时间以线下跟老师沟通时间为准</p>
							</div>
						</div>
					</li>
				</ul>
				<div class="listcorbox">
					<p>订单编号：<span>548452154</span></p>
					<p>下单时间：<span>2018-01-05 22:55:36</span></p>
					<p>付款金额：<span class="listinfo-money">6,000元</span></p>
				</div>
			</div>
			
		</div>
		<div class="ispay ispay-sure" style="display: block;">
			<button class="payyes">查看订单详情</button>
		</div>
	</div>
</body>
</html>